/*Header*/
header{
    width:100%;
    height:55px;
    float:left;
    background: #101010;
    border-bottom: #202020 solid 1px;
}
.logo{
    width:auto;
    height:100%;
    float:left;
}
.logo IMG{
    padding-top:9px;
}
.searchdesktop{
    width:auto;
    height:100%;
    float:right;
    padding-top: 9px;
}
.txtsearch,.mobilesearchinput{
    width:400px;
    height:35px;
    float:left;
    border: #272727 solid 1px;
    border-right: none;
    display: block;
}
.btnsearch,.mobilebtnsearch{
    width:auto;
    height:35px;
    float:left;
    border: none;
    background: #b51520;
    color: #FFF;
    padding:0px 10px;
    border: #272727 solid 1px;
    border-left: none;
    display: block;
}
.controllmenumobile{
    width:auto;
    height:35px;
    float:left;
    color: #FFF;
    margin-left: 10px;
    line-height:35px;
    background: #b51520;
    padding:0px 20px;
    font-size: 14pt;
    cursor: pointer;
    display: none;
}
.searchmobile{
    width:100%;
    height:35px;
    float:left;
    background: #151515;
    border-bottom: #202020 solid 1px;
    display: none;
}
.mobilesearchinput{
    width:80%;

}
.mobilebtnsearch{
    width:20%;
    min-width: 50px;
}
@media (min-width: 768px) {
    .mobilesearchinput{
        width:90%;

    }
    .mobilebtnsearch{
        width:10%;
        min-width: 50px;
    }
}
@media (max-width: 768px) {
    .searchmobile,.mobilesearchinput,.mobilebtnsearch,.controllmenumobile{
        display: block;
    }
    .txtsearch,.btnsearch{
        display: none;
    }
}
@media (max-width: 980px) {
    .controllmenumobile{
        display: block;
    }

}
/*End_Header*/
.menudesktop{
    width:25%;
    height:auto;
    float:left;
    background: #222222;
}

.menudesktop ul.dropdownmenu{
    width:100%;
    height:auto;
    float:left;
    padding:0px;
    position: relative;
}

.menudesktop ul.dropdownmenu li{
    width:100%;
    height:50px;
    float:left;
    list-style: none;
    border-bottom: #555454 solid 1px;
}
.menudesktop ul.dropdownmenu li a{
    width:auto;
    height:50px;
    float:left;
    line-height: 50px;
    font-size: 12pt;
    color: #FFF;
    text-decoration: none;
    padding-left:10px;
}
.menulast{
    border-bottom: none !important;
}
.menufirst{
    background: #171717;
}
ul.dropdownmenu li:hover,ul.dropdownmenu li a:hover{
    display:block;
    background:#333333;

}
ul.dropdownmenu li > ul.dropdownmenu{
    position:absolute;

    left:240px;
    display:none;
    background: #222222;
    border-left: #121212 solid 1px;
}
ul.dropdownmenu li:hover > ul.dropdownmenu{
    display:block;
}
.dropdownmenutext{
    width:auto;
    height:50px;
    float:right;
    color: #FFF;
    margin-right:10px;
    line-height: 50px !important;
    font-size: 14pt !important;

}
.containerright{
    width:75%;
    height:auto;
    float:left;
}
.videosnavleft{
    width:30%;
    height:auto;
    float:left;margin-left: 3%;

}
.videossub,videossub_adv{
    width:100%;
    height:auto;
    float:left;
    border-bottom: #2e2e2e solid 1px;
    margin-bottom: 10px;
}
.captitle{
    width:100%;
    height:30px;
    float:left;
    overflow: hidden;
}
.captitle a{
    width:100%;
    height:30px;
    float:left;
    line-height: 30px;
    color: #FFF;
    text-decoration: none;

}
.videosnavright{
    width:64%;
    float:left;
    margin-left:3%;
}
.advindextop{
    width:100%;
    height:auto;
    float:left;
    margin-bottom: 10px;
}
.videossub_adv{
    width:48.5%;
    height:auto;
    float:left;
    margin-top: 10px;
}
.marginright{
    margin-left: 3%;

}
.noborder{
    border: none;
}
@media (max-width: 980px) {
    .menudesktop{
        display: none;
    }
    .containerright{
        width:100%;
    }

}
@media (max-width: 768px) {
    .menudesktop{
        display: none;
    }
    .containerright,.videosnavright,.advindextop{
        width:100%;
    }
    .videosnavleft{
        display: none;
    }
    .videosnavright{
        margin-left: 0%;

    }
}
.margintopsector{
    margin-top:10px;
}
.titlecategories{
    width:100%;
    height:30px;
    float:left;
    margin:10px 0px;
    background: #151515;
    border-bottom: #393838 solid 1px;
}
.titlecategories h2{
    width:auto;
    height:30px;
    float:left;
    padding:0px;
    margin: 0px;
}
.titlecategories h2 a,.morecate a{
    width:auto;
    height:30px;
    float:left;
    font-size: 14pt;
    color: #ff565f;
    border-bottom: #af1820 solid 1px;
    line-height:30px;
    text-decoration: none;
    padding:0px 10px;
}
.morecate{
    width:auto;
    float:right;
}
.morecate a{
    font-size: 11pt;
}
.catect{
    width:100%;
    height:auto;
    float:left;
}
.videossub_cate{
    width:24%;
    height:auto;
    float:left;
    margin-right: 1%;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .videossub_cate{
        width:49%;
    }
}
.banneradvfooter{
    width:100%;
    height:auto;
    float:left;
    margin:20px 0px;
}
.footerconnect{
    width: 100%;
    height:140px;
    float:left;
    background: url(../img/bgfooter.jpg);
    border-top: #202020 solid 1px;
    border-bottom: #202020 solid 1px;
}
.footerconnectct{
    width:65.5%;
    height:100%;
    float:left;
}
.footerngan{
    width: 68px;
    height:100%;
    float:left;
    background: url('../img/iconngandong.jpg');

}
.footerngan IMG{
    height:138px;
}
.footerlogo{
    width:20%;
    height:100%;
    float:left;
    margin: 4.5% 0 0 6%;
}
.footerlogo IMG{

    float:left;

}
.iconfooter{
    width:100%;
    height:25px;
    float: left;
}
.iconfooter a{
    color: #333333;
    font-size:16pt;
    padding: 0px 5px;
}
.footermenu{
    width:100%;
    height:30px;
    float:left;
    line-height: 30px;
}
.footermenu span{
    font-size: 13pt;
    color: #7c8080;
    margin-right: 10px;
}
.footermenu a{

    color: #6d6d6d;

}
.footerconnectct{
    margin-top: 40px;
}
.copyrightlogo,.copyrighttext{
    width:auto;
    height:50px;
    float:left;
    line-height:50px;
}
.copyrighttext{
    float:right;
}
@media (max-width: 620px) {
    .footerngan{
        display: none;
    }
    .footerconnect{
        height:auto;

        background: #131313;
        text-align: center;
    }
    .footerconnectct,.footerlogo{
        width:100%;
    }
    .footerlogo{
        margin:10px 0px;
    }
    .imglogofooter{
        width:100%;
        height:30px;
        float:left;
        background: no-repeat url('../img/logo.png') center 50%;
    }
    .footerlogo IMG{
        display: none;
    }
    .copyrighttext{
        width:100%;
        float:left;
        text-align: center;
    }
    .copyrightlogo{
        width:100%;
        float:left;
        background: no-repeat url('../img/iconlogofooter.png') center 50%;

    }
    .copyrightlogo IMG{
        display: none;

    }
}
@media (max-width: 768px) {
    .footerngan{
        display: none;
    }
    .footerconnect{
        background: #131313;
    }
}
@media (max-width: 980px) {
    .footerngan{
        display: none;
    }
    .footerconnect{
        background: #131313;
    }
}
@media (max-width: 600px) {
    .footerngan{
        display: none;
    }
    .footerconnect{
        background: #131313;
    }
}
/*detail*/
.containerright iframe{
    width:100%;
    min-height:385px;
    float:left;
}
.videosct{
    width:97%;
    height:auto;
    float:left;
    margin-left:3%;
}
.titlevideoct{
    width:100%;
    height:auto;
    min-height:30px;
    float:left;
    border-bottom: #2d2c2c solid 1px;
}
.titlevideoct h2{
    width:auto;
    height:auto;
    min-height: 30px;
    float:left;
    padding:0px 10px;
    margin:0px;
    line-height: 30px;
    font-size: 14pt;
    color: #FFF;
    border-bottom: #ba1b22 solid 1px;
}
.inforvideo{
    width:100%;
    height:auto;
    min-height:30px;
    float:left;
    line-height: 30px;
}
.videoicondes{
    color: #ba1b22;
}
.videoicondes i{
    color: #FFF;
    padding: 0px 5px;
}
.videoscate{
    float:right;
    color: #FFF;
    padding: 0px 5px;
}
.advdetailtable{
    width:33%;
    height:auto;
    float:left;
    margin-left: 2%;
    display: none;
}
.advdetailct{
    margin:5px 0px;
}
.commentdetail{
    width:45%;
    height:auto;
    float:left;
}
.advdetaildesktop{
    width:55%;
    height:auto;
    float:left;
}
.advdetailctdes{
    width: 49%;
    float:left;
    margin: 10px 0px 0px 1%;
}
.framecoment{
    width:100%;
    height:auto;
    float:left;

}
.fb_iframe_widget span{
    width:450px !important; 

    float:left !important;

}.fb_iframe_widget span iframe{
    width:450px !important; 
    height:auto !important;
    float:left !important;

}
@media (max-width: 980px) {
    .videosct{
        width:100%;
        height:auto;
        float:left;
        margin-left:0%;
    }
    .advdetailtable{
        display: block;
    }
    .commentdetail{
        width:100%;
    }
    .advdetaildesktop{
        width: 100%;
        display: block;
    }
}
@media (max-width: 768px) {
    .videosct{
        width:100%;
        height:auto;
        float:left;
        margin-left:0%;
    }
    .advdetailtable{
        display: none;
    }
    .commentdetail{
        width:100%;
    }
    .advdetaildesktop{
        display: block;
    }
}
.ctpage{
    width:100%;
    height:30px;
    float:left;
    border-top: 1px solid #AF1820;
}
.ctpage a{
    width:auto;
    height:30px;
    float:left;
    background: #151515;
    border: #393838 solid 1px;
    border-top: none;
    color: #FFF;
    padding:0px 7px;
    line-height:30px;
    text-decoration: none;
    margin-right:3px;
}
.activepage{ 
    height:40px !important;
    
    background: #AF1820 !important;
     border: #AF1820 solid 1px !important;
     padding:3px 10px !important;
}
